<!--
  描述：列表页中的Table结构组件
  公司：xxx有限公司
  版权：xxx2020
  作者：oyjl
  时间：2020-04-27 08:11:02
  -->
<div class="main">
  <ng-container *ngFor="let item of rows">
    <!-- 单行模块 -->
    <div class="fragment" (click)="detailHandle(item)">
      <!-- 头部 -->
      <div class="head" *ngIf="listConfig.head">
        <span>{{listConfig.head.text}}</span>：
        <span>{{item[listConfig.head.orderNum]}}</span>
        <span *ngIf="listConfig.head.status">【{{item[listConfig.head.status]|dict:listConfig.head.dict}}】</span>
      </div>
      <!-- 主体 -->
      <div class="content" *ngFor="let element of listConfig.fields">
        <p><span>{{element.text}}</span>：
          <span *ngIf="!element.dictKey">{{getInnerValue(item, element.field)|dict:element.dict}}</span>
          <span *ngIf="element.dictKey === 'date'">{{getInnerValue(item,
            element.field)|date:element.dict}}</span>
          <span *ngIf="element.dictKey === 'currency'">{{getInnerValue(item,
            element.field)|currency:element.dict}}</span>
        </p>
      </div>
    </div>
  </ng-container>
</div>
